@media (max-width:700px) {
    .card {

        height: 77vw;
        display: inline;
        width: 54vw;
        margin: 0px 7px;
    }

    .icon img {
        position: relative;
        left: 8vw;
        width: 36vw;
    }

    .about-card-span h3 {
        font-size: 9px;
    }

    .about-card :nth-child(2) {
        position: relative;
        left: -11px;
        font-size: 8px;
    }

    .btn {
        border: 4px;
    }

    .btn button {
        position: relative;
        left: -13px;
        height: 43px;
        width: 87px;
        font-size: 9px;
    }

    -------------------------------------------------------------------------- .card2 {

        height: 77vw;
        display: inline;
        width: 54vw;
        margin: 0px 7px;
    }

    .about-card2 {
        text-align: center;
        position: relative;
        top: 4rem;
        padding: 10px 15px;
    }


    .icon2 img {
        position: relative;
        left: 17vw;
        top: 42px;
        width: 18vw;
    }

    .about-card-span2 h3 {
        font-size: 9px;
    }

    .about-card2 :nth-child(2) {
        position: relative;
        left: -11px;
        font-size: 8px;
    }

    .btn2 {
        border: 4px;
    }

    .btn2 button {
        position: relative;
        left: -13px;
        height: 43px;
        width: 87px;
        font-size: 9px;
    }


    #banner {
        position: relative;
        left: 12.3rem;
        height: 117vw;
    }

    #banner img {
        width: 273px;
    }

    #banner-item {
        position: relative;
        top: 45px;
    }

    #banner-2 {
        position: relative;
        left: 12.3rem;
        height: 117vw;
        top: -9rem;
    }

    #banner-2 img {
        width: 273px;
    }

    #banner-item-2 {
        position: relative;
        top: 45px;
    }

    #banner-3 {
        display: none;
    }

    #Tekmud {
        position: relative;
        top: -10em;
    }

    #completed-task-primary {
        display: grid;
        justify-content: center;
    }

    .services-contant li {
        font-size: 7px;
        width: 165%;
    }

    .para p {
        font-size: 7px;
    }

    .icon {
        font-size: 13px;
    }

    #para {
        font-size: 7px;
        position: relative;
        top: 8px;
    }

    .f-contant h3 {
        font-size: 19px;
    }

    .address h3 {
        font-size: 19px;
    }

    .contact {
        top: 25px;
    }

    .rights p {
        font-size: 10px;
    }

    .socail-icon {
        left: 24rem;
    }

    .soc-icon {
        font-size: 11px;
    }

    .map iframe {
        width: 125px;
        height: 113px;
        position: relative;
        left: -7px;
        top: 30px;
    }

    .footer {
        left: -4rem;
        width: 100%;
    }

    .completed-task img {
        left: 49px;
        width: 81px;
    }

    .completed-task-mean {
        height: 235px;
        width: 187px;
    }
}